/* components/diy-coupon/diy-coupon.wxss */
.diy-coupon .containers .flex {
	display: flex;
}

.diy-coupon .containers .center {
	justify-content: center;
	align-items: center;
}

.diy-coupon .containers .between {
	justify-content: space-between;
}

.diy-coupon .containers .bottom {
	align-items: flex-end;
	vertical-align: bottom;
}

.diy-coupon .containers .coupon {
	border-radius: 10rpx;
	padding: 16rpx 20rpx;
	box-sizing: border-box;
	margin-bottom: 24rpx;
}

.diy-coupon .containers .coupon-content {
	font-size: 32rpx;
	margin-left: 36rpx;
	max-width: 100%;
}

.diy-coupon .containers .coupon-content .coupon-name,
.diy-coupon .containers .coupon-content .coupon-type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.diy-coupon .containers .coupon-content .coupon-type {
	font-size: 28rpx;
}

.diy-coupon .containers .coupon-info {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diy-coupon .containers .coupon-btn {
	border-radius: 10rpx;
	padding: 16rpx 26rpx;
	box-sizing: border-box;
	font-size: 16px;
}

.diy-coupon .containers.one-per-line .coupon:nth-last-child(1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.one-per-line .coupon-info {
	flex-grow: 0;
	flex-shrink: 0;
}

.diy-coupon .containers.one-per-line .flex-left {
	max-width: calc(100% - 120rpx);
	flex: 1;
	justify-content: flex-start;
}

.diy-coupon .containers.two-per-line {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.diy-coupon .containers.two-per-line .coupon {
	width: calc(50% - 10rpx);
}

.diy-coupon .containers.two-per-line .coupon .flex-left {
	flex-direction: column;
	max-width: calc(100% - 120rpx);
}

.diy-coupon .containers.two-per-line .coupon .coupon-content {
	margin-top: 8rpx;
	margin-left: 0;
}

.diy-coupon .containers.two-per-line .coupon .coupon-btn {
	width: 120rpx;
}

.diy-coupon .containers.two-per-line .coupon .flex-content {
	flex-wrap: wrap;
}

.diy-coupon .containers.two-per-line .coupon .flex-content .flex {
	flex-grow: 1;
}

.diy-coupon .containers.two-per-line .coupon:nth-last-child(1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.two-per-line .coupon:nth-last-child(2):nth-child(2n-1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.three-per-line {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.diy-coupon .containers.three-per-line::after {
	content: '';
	display: inline-block;
	width: calc(33% - 10rpx);
	height: 0;
}

.diy-coupon .containers.three-per-line .coupon {
	width: calc(33% - 10rpx);
}

.diy-coupon .containers.three-per-line .coupon .flex-content,
.diy-coupon .containers.three-per-line .coupon .flex-left {
	flex-direction: column;
	max-width: 100%;
}

.diy-coupon .containers.three-per-line .coupon .coupon-content {
	margin-top: 8rpx;
	margin-bottom: 40rpx;
	margin-left: 0;
}

.diy-coupon .containers.three-per-line .coupon:nth-last-child(1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.three-per-line .coupon:nth-last-child(2):nth-child(3n+2) {
	margin-bottom: 0px;
}

.diy-coupon .containers.three-per-line .coupon:nth-last-child(2):nth-child(3n+1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.three-per-line .coupon:nth-last-child(3):nth-child(3n+1) {
	margin-bottom: 0px;
}

.diy-coupon .containers.horizontal-scroll {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	overflow-x: auto;
}

.diy-coupon .containers.horizontal-scroll .coupon {
	width: 240rpx;
	flex-shrink: 0;
	margin-right: 24rpx;
	margin-bottom: 0px;
}

.diy-coupon .containers.horizontal-scroll .coupon .flex-content,
.diy-coupon .containers.horizontal-scroll .coupon .flex-left {
	flex-direction: column;
	max-width: 100%;
}

.diy-coupon .containers.horizontal-scroll .coupon .coupon-content {
	margin-top: 8rpx;
	margin-bottom: 40prx;
	margin-left: 0;
}

.coupon-info-text {
	flex-grow: 0;
	flex-shrink: 0;
}

.coupon-info-text-fee {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 1 !important;
	flex: 1;
}
